<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="css/main.css" type="text/css" rel="stylesheet"/>
        <link href="css/menu.css" type="text/css" rel="stylesheet"/>
        <link href="css/a.css" type="text/css" rel="stylesheet"/>
        <link href="css/form.css" type="text/css" rel="stylesheet"/>
    </head>
    <body>
        <div id="main">
            <div id="banner">
                <%@include file="WEB-INF/jspf/banner.jspf" %>
            </div>
            <div id="centro">
                <div id="menu">
                    <%@include file="WEB-INF/jspf/menu.jspf" %>
                </div>
                <div id="data">
                    <form class="clasico" action ="#" method="post" style ="width: 340px;margin: auto">
                        <fieldset>
                            <legend>Ingreso de Datos:</legend>
                            <label style="width: 80px">Nombre :</label>
                            <input type="text" name="nombre" maxlenght ="50" style="width: 220px" title="Ingrese Nombre"/><br>

                            <label style="width: 80px">Correo :</label>
                            <input type="text" name="nombre" maxlenght ="50" style="width: 220px" title="Ingrese Correo"/><br>

                            <br>
                            <label style="width: 60px;float:left">Deporte :</label>
                            <table>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="Football"/> : Football
                                    </td>
                                    <td>
                                        <input type="checkbox" name="Voley"/> : Voley
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="Beisbol"/> : Beisbol
                                    </td>
                                    <td>
                                        <input type="checkbox" name="Karate"/> : Karate
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" name="Natacion"/> : Natacion
                                    </td>
                                    <td>
                                        <input type="checkbox" name="Surf"/> : Surf
                                    </td>
                                </tr>
                            </table>
                            <div style="clear:both"></div>
                            <br>
                            <div class="submit">
                                <input type="submit" value ="Enviar Datos"/>
                            </div>
                        </fieldset>

                    </form>
                    <p style="text-align: center">
                        <a class="clasico" href="index.jsp">Home</a>
                    </p>
                </div>
            </div>
            <div id="pie">
                <%@include file="WEB-INF/jspf/pie.jspf" %>
            </div>
        </div>
    </body>
</html>
